<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="tags" tagdir="/WEB-INF/tags" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>

<html>
<head>
    <title>社团招募详情</title>
    <script type="text/javascript" src="${ctx}/static/myJs/util.js"></script>
    <script type="text/javascript" src="${ctx}/static/myJs/groupRecruitVolunteerController.js"></script>
</head>
<body>
<div class="content">
    <div class="form-group">
        <h3 class="item-title">基础信息</h3>

        <div class="form-item">
            <label for="">姓名</label>
            <label for="">${groupRecruitVolunteer.volunteer.realName}</label>
        </div>
        <div class="form-item">
            <label for="">性别</label>
            <label for="">${groupRecruitVolunteer.volunteer.sex}</label>
        </div>
        <div class="form-item">
            <label for="">手机</label>
            <label for="">${groupRecruitVolunteer.volunteer.mobile}</label>
        </div>
        <div class="form-item">
            <label for="">证件号</label>
            <label for="">${groupRecruitVolunteer.volunteer.cardNO}</label>
        </div>
    </div>
    <div class="form-group">
        <h3 class="item-title">技能</h3>
        <div class="form-item">
            <label class="form-item-title" for="">职业</label>
            <label for="">${groupRecruitVolunteer.volunteer.job}</label>
        </div>
        <div class="form-item">
            <label class="form-item-title" for="">专业技能</label>
            <label for="">${groupRecruitVolunteer.volunteer.skill}</label>
        </div>
        <div class="form-item">
            <label class="form-item-title" for="">服务领域</label>
            <label for="">${groupRecruitVolunteer.volunteer.serviceField}</label>
        </div>
    </div>
    <div class="form-group">
        <div class="form-item">
            <label for="">招募条件</label>
            <ol class="volunteer-recruitment-question-list" id="question_list">
                <c:set value="${ fn:split(groupRecruitVolunteer.quession, ';') }" var="str1"/>
                <c:forEach items="${ str1 }" var="s">
                    <li class="list-item"><a href="javascript:void(0);">${s}</a></li>
                </c:forEach>
            </ol>
        </div>
    </div>
    <div class="form-group">
        <div class="form-item">
            <label for="">答案</label>
            <ol class="volunteer-recruitment-question-list" id="answer_list">
                <c:set value="${ fn:split(groupRecruitVolunteer.answer, ';') }" var="str1"/>
                <c:forEach items="${ str1 }" var="s">
                    <li class="list-item"><a href="javascript:void(0);">${s}</a></li>
                </c:forEach>
            </ol>
        </div>
    </div>

    <div>
        <button class="btn" onclick="history.back(-1);">返回</button>
        <c:if test="${groupRecruitVolunteer.status == 0}">
        <button class="btn" data-toggle="modal" data-target="#myModal">拒绝</button>
        <button class="btn" onclick="javascript:verfier('${groupRecruitVolunteer.id}','2');">通过</button>
        </c:if>
    </div>


    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body">
                    <textarea class="form-control" id="cause" placeholder="拒绝理由"></textarea>
                </div>
                <div class="modal-footer">
                    <button class="btn" data-dismiss="modal">关闭</button>
                    <button class="btn" onclick="javascript:verfier('${groupRecruitVolunteer.id}','-1');">保存</button>
                </div>
            </div>
        </div>
    </div>

</div>
</body>
</html>
